<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>专家版</title>
		<link rel="stylesheet" type="text/css" href="css/reset-min.css" />
		<link rel="stylesheet" type="text/css" href="css/expert.css" />
	</head>

	<body>
		<div class="dispatch">
			<div class="dispatch_top"><img src="img/top_bg.png" /></div>
			<div class="topNav">
				<div class="left">
					<ul class="topUl">
						<li><img src="img/logoSm.png" /></li>
						<li class="fenge"></li>
						<li>大面积停电应急推演系统</li>
						<li class="fenge"></li>
						<li>
							<p>教学评估</p>
						</li>
					</ul>
				</div>
				<div class="right">
					<ul class="userUl">
				<li id="userName">
						<div class="userName">
							<span id="roleName"></span> ： <span id="login_name"></span>
							<div class="Signout">
								 <em><a href="javascript:viod(0)"
									id="logout_obt">退出系统</a></em>
							</div>
						</div>
					</li>
				</ul>
				</div>
			</div>
			<div class="dispatchContent">
				<div class="top">
					<div class="topBtn">
						<ul class="flowUl">
							<li>
								检索项：
								<select id="selectCondition">
									<option value="1">演练方案名称</option>
									<option value="2">演练方案内容简介</option>
								</select>
							</li>
							<li>
								检索词：
								<input type="text" name="" id="condition_str" value="" placeholder="请输入检索关键字" />
							</li>
							<li>
								<div class="jiansuo" id="search"><span></span>检索</div>
							</li>
						</ul>
					</div>
					<div class="topRight">
						<a href="javascript:;">演练方案数量：<span id="count"></span></a>
					</div>
				</div>
				<div class="table">
					<div style="max-height: 550px;overflow-y: scroll;">
						<table class="Dtable" id="getclassrooms_list">
							<!-- <tr>
								<td class="right">1</td>
								<td colspan="8"><span class="havaBg"></span>地震大面积停电演练 20161011</td>
								<td class="right green">在用</td>
							</tr> -->
							
						</table>
					</div>
				</div>
				<div class="pageBtn">
					<button id="detail">查看详细信息</button>
				</div>
			</div>
		</div>
		<!--查看详情-->
		<div class="addPop">
			<div class="cen">
				<h2 class="title"><i>演练方案详细信息</i><span class="close"></span></h2>
				<div class="content">
					<div class="left">
						<ul class="padding20">
							<li>
								<p>演练方案名称：</p>
								<div id="ecdName"></div>
							</li>
							<li>
								<p>演练项目：</p>
								<div id="protName" ></div>
							</li>
							<li>
								<p>演练方案描述：</p>
								<div id="ecdDescription"></div>
							</li>
						</ul>
					</div>
					<div class="right">
						<div class="incident">
							<div class="l">事件信息情况：</div>
						</div>
						<div style="height: 545px;overflow-y: scroll;" id="getevents_list">
							
						</div>
					</div>
				<div class="btn_wrap">
					<div class="button">
						<a href="#" class="link close">关闭</a>
					</div>
				</div>
			</div>
		</div>

		<!--评估-->
		<div class="assessPop">
			<div class="cen">
				<h2 class="title"><i>查看角色演练情况与评分</i><span data-type="cancel" class="close"></span></h2>
				<div class="content">
					<div class="assessTop">
						<ul>
							<li>被评估角色：<span id="rolName"></span></li>
							<li>被评估用户：<span id="su_name"></span></li>
							<li>统计：消息阅读情况 <span id="yridy"></span>/<span id="total"></span>（条） </li>
							<li>研讨题处置情况<span id="ytridy"></span>/<span id="yt_total"></span>个</li>
							<li>行动策划情况<span id="un_shulian">0</span>（项）</li>
						</ul>
					</div>
					<div class="BgFFF">
						<ul class="tableUl">
							<li class="active" id="tab1">
								<a href="javascript:;">消息接收与查看情况</a>
							</li>
							<li id="tab2">
								<a href="javascript:;">研讨情况</a>
							</li>
							<li id="tab3">
								<a href="javascript:;">期望行动与行动策划</a>
							</li>
							<li id="tab4">
								<a href="javascript:;">资源状态</a>
							</li>
						</ul>
						<div class="cont">
							<div style="max-height: 307px; overflow-y: scroll; display: block;">
								<table class="newTable">
									<tbody id="xiaoxi_info">
										<!-- <tr>
											<th>序号</th>
											<th>消息编号</th>
											<th>发送者</th>
											<th>接受者</th>
											<th>消息内容</th>
											<th>发送时间</th>
											<th>查看详情</th>
											<th>是否已读</th>
										</tr>
										<tr>
											<td>1</td>
											<td>【安质部】【6-1】向国网公司总部以及政府部门</td>
											<td>地震大面积修电</td>
											<td>无</td>
											<td>editor01</td>
											<td>editor01</td>
											<td><span class="operation" id="ppop"></span></td>
											<td><span class="yes01"></span></td>
										</tr> -->
								<!-- 		<tr>
											<td>1</td>
											<td>【安质部】【6-1】向国网公司总部以及政府部门</td>
											<td>地震大面积修电</td>
											<td>无</td>
											<td>editor01</td>
											<td>editor01</td>
											<td><span class="operation" ></span></td>
											<td><span class="No01"></span></td>
										</tr>
										<tr>
											<td>1</td>
											<td>【安质部】【6-1】向国网公司总部以及政府部门</td>
											<td>地震大面积修电</td>
											<td>无</td>
											<td>editor01</td>
											<td>editor01</td>
											<td><span class="operation" ></span></td>
											<td><span class="yes01"></span></td>
										</tr>
										<tr>
											<td>1</td>
											<td>【安质部】【6-1】向国网公司总部以及政府部门</td>
											<td>地震大面积修电</td>
											<td>无</td>
											<td>editor01</td>
											<td>editor01</td>
											<td><span class="operation" ></span></td>
											<td><span class="yes01"></span></td>
										</tr>
										<tr>
											<td>1</td>
											<td>【安质部】【6-1】向国网公司总部以及政府部门</td>
											<td>地震大面积修电</td>
											<td>无</td>
											<td>editor01</td>
											<td>editor01</td>
											<td><span class="operation" ></span></td>
											<td><span class="yes01"></span></td>
										</tr>
										<tr>
											<td>1</td>
											<td>【安质部】【6-1】向国网公司总部以及政府部门</td>
											<td>地震大面积修电</td>
											<td>无</td>
											<td>editor01</td>
											<td>editor01</td>
											<td><span class="operation" ></span></td>
											<td><span class="yes01"></span></td>
										</tr>
										<tr>
											<td>1</td>
											<td>【安质部】【6-1】向国网公司总部以及政府部门</td>
											<td>地震大面积修电</td>
											<td>无</td>
											<td>editor01</td>
											<td>editor01</td>
											<td><span class="operation" ></span></td>
											<td><span class="yes01"></span></td>
										</tr>
										<tr>
											<td>1</td>
											<td>【安质部】【6-1】向国网公司总部以及政府部门</td>
											<td>地震大面积修电</td>
											<td>无</td>
											<td>editor01</td>
											<td>editor01</td>
											<td><span class="operation" ></span></td>
											<td><span class="yes01"></span></td>
										</tr>
										<tr>
											<td>1</td>
											<td>【安质部】【6-1】向国网公司总部以及政府部门</td>
											<td>地震大面积修电</td>
											<td>无</td>
											<td>editor01</td>
											<td>editor01</td>
											<td><span class="operation" ></span></td>
											<td><span class="yes01"></span></td>
										</tr>
										<tr>
											<td>1</td>
											<td>【安质部】【6-1】向国网公司总部以及政府部门</td>
											<td>地震大面积修电</td>
											<td>无</td>
											<td>editor01</td>
											<td>editor01</td>
											<td><span class="operation" ></span></td>
											<td><span class="yes01"></span></td>
										</tr>
										<tr>
											<td>1</td>
											<td>【安质部】【6-1】向国网公司总部以及政府部门</td>
											<td>地震大面积修电</td>
											<td>无</td>
											<td>editor01</td>
											<td>editor01</td>
											<td><span class="operation" ></span></td>
											<td><span class="yes01"></span></td>
										</tr>
										<tr>
											<td>1</td>
											<td>【安质部】【6-1】向国网公司总部以及政府部门</td>
											<td>地震大面积修电</td>
											<td>无</td>
											<td>editor01</td>
											<td>editor01</td>
											<td><span class="operation" ></span></td>
											<td><span class="yes01"></span></td>
										</tr>
										<tr>
											<td>1</td>
											<td>【安质部】【6-1】向国网公司总部以及政府部门</td>
											<td>地震大面积修电</td>
											<td>无</td>
											<td>editor01</td>
											<td>editor01</td>
											<td><span class="operation" ></span></td>
											<td><span class="yes01"></span></td>
										</tr>
										<tr>
											<td>1</td>
											<td>【安质部】【6-1】向国网公司总部以及政府部门</td>
											<td>地震大面积修电</td>
											<td>无</td>
											<td>editor01</td>
											<td>editor01</td>
											<td><span class="operation" ></span></td>
											<td><span class="yes01"></span></td>
										</tr>
										<tr>
											<td>1</td>
											<td>【安质部】【6-1】向国网公司总部以及政府部门</td>
											<td>地震大面积修电</td>
											<td>无</td>
											<td>editor01</td>
											<td>editor01</td>
											<td><span class="operation" ></span></td>
											<td><span class="yes01"></span></td>
										</tr> -->
									</tbody>
								</table>
							</div>

							<div style="max-height: 307px; overflow-y: scroll; display: none;">
								<table class="newTable">
									<tbody id="yantao_info">
										<!-- <tr>
											<th>序号2</th>
											<th>讨论题2</th>
											<th>适用范围2</th>
											<th>参考结果2</th>
										</tr> -->
										<!-- <tr>
											<td></td>
											<td></td>
											<td></td>
											<td></td>
										</tr> -->
									</tbody>
								</table>
							</div>

							<div style="max-height: 307px; overflow-y: scroll; display: none;">
								<table class="newTable" style="width: 49%;float: left;margin-right: 1%;">
									<caption>期望行动</caption>
									<tbody>
										<tr>
											<th>序号3</th>
											<th>讨论题3</th>
											<th>适用范围3</th>
											<th>参考结果3</th>
										</tr>
										<tr>
											<td></td>
											<td></td>
											<td></td>
											<td></td>
										</tr>
									</tbody>
								</table>
								
								<table class="newTable" style="width: 50%;float: left;">
									<caption>行动策划</caption>
									<tbody id="shceme">
										<tr>
											<th>序号3</th>
											<th>讨论题3</th>
											<th>适用范围3</th>
											<th>参考结果3</th>
										</tr>
										<!-- <tr>
											<td></td>
											<td></td>
											<td></td>
											<td></td>
										</tr> -->
									</tbody>
								</table>
							</div>

							<div style="max-height: 307px; overflow-y: scroll; display: none;">
								<table class="newTable">
									<tbody>
										<tr>
											<th>序号4</th>
											<th>讨论题4</th>
											<th>适用范围4</th>
											<th>参考结果4</th>
										</tr>
										<tr>
											<td></td>
											<td></td>
											<td></td>
											<td></td>
										</tr>
									</tbody>
								</table>
							</div>
						</div>
						<div class="bottText">
						<div class="txt">
							评估员点评：
						</div>
						<div class="textarea"><textarea value="" id="pingyu" placeholder="请在此输入内容（最多可输入200个字符）"></textarea></div>
					</div>
					<div class="bottText">
						<div class="txt">
							评估员评分：
						</div>
						<div class="textarea"><input type="text" name="" id="pingfen" value="" /></div>
					</div>
					</div>
					
				</div>
				<div class="btn_wrap">
					<div class="button">
						<a class="link close" data-type="cancel" id = "query_Qd">确定</a>
						<a href="#" data-type="cancel" class="link close">取消</a>
					</div>
				</div>
			</div>
		</div>
		
		<div class="ppop">
			<div class="cen">
				<h2 class="title"><i>消息条详细信息</i><span data-type="cancel" class="close"></span></h2>
				<div class="content">
					<ul class="newDetailul">
						<li>所属事件：<span id= "sj">综合响应</span></li>
						<li>消息编号：<span id= "bh">03001</span></li>
						<li>发送方式：<span id= "fs">网络发送</span></li>
						<li>发 送 者：<span id = "fpropre">调度中心</span></li>
						<li>发送时间：<span id = "sTime">2016/04/20 08:10:00</span></li>
						<li>阅读状态：<span id = "sTait"></span></li>
					</ul>
					<div>
						<p>演练方案描述：</p>
						<textarea id= "nReste" name="" rows="" cols="" placeholder="【3】220千伏输电线路停运12条，500千伏雅安变电站220千伏2、3、4号母线失电。220千伏变电站停运2站，110千伏变电站停运7座，35千伏变电站停运15座，内江电网220千伏白凉东线停运。"></textarea>
					</div>
					<div>
						<p>消息附件：</p>
						<input name="" id="" value="" type="text">
					</div>
				</div>
			</div>
		</div>

		<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript" src="js/common.js"></script>
		<script type="text/javascript" src="js/expert.js"></script>
		<script type="text/javascript">
			$(function() {
				var height = $(window).height();
				$(".dispatchLeft").css("height", height - 78);

				$("#detail").click(function() {
					$(".addPop").show(500);
					$("body").addClass("overHiden");
				});
				$(".addPop .close").click(function() {
					if($(this).attr("cancel")!=undefined){
						$(".addPop").hide(500);
						$("body").removeClass("overHiden");
						$(".assessPop").show(500);
						$("body").addClass("overHiden");
					}
				});

				$("#ppop").click(function() {
					$(".ppop").show(500);
					$("body").addClass("overHiden");
				});
				$(".ppop .close").click(function() {
					$(".ppop").hide(500);
					$("body").removeClass("overHiden");
				});
				
				$("#assess").click(function() {
					$(".assessPop").show(500);
					$("body").addClass("overHiden");
				});
				$(".assessPop .close").click(function() {
					$(".assessPop").hide(500);
					$("body").removeClass("overHiden");
				});

				$(".topNav .userName").mouseover(function() {
						$(this).find(".Signout").show();
					})
					/*.mouseout(function() {
										$(this).find(".Signout").hide();
									});*/
				$(".topNav .Signout em").click(function() {
					$(this).parent().hide();
				})

				$('.tableUl li').click(function() {
					$(this).addClass('active').siblings().removeClass('active');
					var index = $(this).index();
					$('.cont div').each(function() {
						$(this).hide()
					});
					$('.cont div').eq(index).css("display", "block");
				});
				$("#userName").mouseover(function() {
					$(".Signout").show();
				}).mouseout(function() {
					setTimeout('$(".Signout").hide()',2000);
				});
			});
		</script>
	</body>

</html>